<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
//     console.log(x);
//     var x=10;

//     var x;
//     console.log(x);
//     x=10;

//   function f(){
//         console.log(x);
//         var x=10;
//     }
//     f();

    // function f(){
    //     var x;
    //     console.log(x);
    //     x=10;
    // }
    // f();
        //变量提升:声明提前到当前作用域最上方(console.log(x)) 不会执行它的值

    //     var x=10;
    // function f(){
    //     console.log(x);
    //     var x=20;
    //     console.log(x);
    // }
    // f();

    //  var x=10;
    // function f(){
    //     var x;
    //     console.log(x);
    //     var x=20;
    //     console.log(x);
    // }
    // f();

    // console.log(x);
    // var x=10;
    // var x;
    // console.log(x);
    // x=10;

    // function f(){
    // console.log(x);
    // var x=10;
    // }
    // f();

    // function f(){
    //     var x;
    //     console.log(x);
    //     x=10;
    // }
    // f();

    // var x=10;
    // function f(){
    //     console.log(x);
    //     var x=20;
    //     console.log(x);
    // }
    // f();

//   var x=10;
//   function f(){
//      var x;
//      console.log(x);
//      var x=10;
//      console.log(x); 
//   }
//   f();
</script>
</html>